/********************************
110. Layout default
********************************/

/********************************
	 Position styles
********************************/
.fixed {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 3; /* 3 because content after overlay has z-index 2 */
}


/********************************
110.a. Header, main, Footer
********************************/

body > header,
main,
body > footer
{
	max-width: 2600px;
	margin-left: auto;
	margin-right: auto;
}

/********************************
110.b Sections
********************************/
main > section {
	margin-bottom: 5rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
}


main > section header {
	padding-top: 0rem;
	padding-bottom: 2rem;
	text-align: center;
}


main > section section {
  margin-bottom: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

section.boxed {
	padding-top: 0rem;
	padding-bottom: 0rem;
}


main > section .row + section,
main > section section + .row {
  margin-top: 4rem;
}

div.min_width,
section.min_width
{
	max-width: 60%;
}

/* @media (min-width: 769px) { */
.content_width {
max-width: 80%;	
/*! max-width: 1024px; */
/*! min-width: 1024px; */	
margin-left: auto;
margin-right: auto;	
}
/* } */ /* end (min-width: 769px) */

div.max_width,
section.max_width
{
	max-width: 62.5rem;
	max-width: calc(100% - 4rem);
}




/********************************
110.c	Footer
********************************/
footer#footer-top {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

/********************************
110.d Cards
********************************/
@media (min-width: 426px) {
	
	.card {
		flex: none;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		text-align: center;
	}
	
	
	.card footer {
		margin-top: auto;	
	}	
	
}
/* end 	min-width: 426px */


/********************************
110.e Overlay (Layers)
********************************/

.overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background-color: rgba(125,125,125,0.0);
  /*! color: white; */
}

section .overlay ~ * {
z-index: 2;
}


/********************************
110.f Iframes
********************************/
[class*="col_"] iframe {
  width: 100%;
  height: 100%;
	 min-height: 350px;
}

/********************************
110.g Buttons
********************************/
button {
padding: 1.0rem 1.5rem; 
}

/********************************
110.h To top
********************************/
#to-top {
  position: fixed;
  right: 25px;
  bottom: 45px;
  padding-right: 5px;
  padding-left: 5px;
}




/********************************
110.i	Square
********************************/


.square {
   aspect-ratio: 1 / 1;
}

.square,
.square .overlay
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*! padding: 5%; */
}